<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="js/teacherPage.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
</head>
<body>
    <div id="student-top-content">
        <th:block th:if="${examSymbol!=null && examSymbol=='examSymbol'}">
            <input value="examSymbol" type="hidden" id="examSymbol"/>
        </th:block>
        <form class="form-inline">
            <div class="form-group">
                <label>年级:</label>
                <input id="grade" class="form-control" type="text"/>
            </div>
            <div class="form-group">
                <label>专业:</label>
                <input id="major" class="form-control" type="text"/>
            </div>
            <div class="form-group">
                <label>班级:</label>
                <input id="class_no" class="form-control" type="text"/>
            </div>
            <button onclick="studentPage.classQuery()" type="button" class="btn btn-default btn-sm">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 查询
            </button>
            <button onclick="studentPage.clear()" type="button" class="btn btn-default btn-sm">
                <span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span> 清空
            </button>
            <span id="student-right-top-content">
                <span >
                    <button onclick="studentPage.exportClass('多个班级导出')" type="button" class="btn btn-default btn-sm right">
                        <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> 导出班级信息
                    </button>
                </span>
                <span >
                    <button onclick="studentPage.deleteClass()" type="button" class="btn btn-default btn-sm right">
                        <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 批量删除班级
                    </button>
                </span>
            </span>
        </form>
        <div id="studentClassContent">
            <div th:replace="student/studentClassContentTemplate::studentContent"></div>
        </div>
    </div>
    <hr style="color: red"/>
    <div id="student-bottom-content" style="height: 400px;">
        <form class="form-inline">
            <div class="form-group">
                <label>学号:</label>
                <input class="form-control" id="code" type="text"/>
            </div>
            <div class="form-group">
                <label>姓名:</label>
                <input class="form-control" id="studentName" type="text"/>
            </div>
            <div class="form-group">
                <label>班级:</label>
                <input style="width: 70%" id="bottom-class_no" class="form-control" type="text"/>
            </div>
            <button onclick="studentPage.studentQuery()" type="button" class="btn btn-default btn-sm">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 查询
            </button>
            <button onclick="studentPage.clearStudentQuery()" type="button" class="btn btn-default btn-sm">
                <span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span> 清空查询
            </button>
            <span id="student-right-bottom-content">
                <button onclick="studentPage.exportClass()" type="button" class="btn btn-default btn-sm right">
                    <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> 导出班级信息
                </button>
                <button onclick="studentPage.importAll()" type="button" class="btn btn-default btn-sm right">
                    <span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span> 导入班级信息
                </button>
                <button onclick="studentPage.addStudent()" type="button" class="btn btn-default btn-sm right">
                    <span class="glyphicon glyphicon-user" aria-hidden="true"></span> 添加学生
                </button>
                <button onclick="studentPage.deleteClassStudent()" type="button" class="btn btn-default btn-sm right">
                        <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 批量删除学生
                </button>
            </span>
        </form>
        <table id="bottom-student-table" style="height: 1px" class="table table-hover" >
            <thead>
            <tr>
                <th style="width: 10%"><input onclick="studentPage.selectAllStudent()" type="checkbox"/></th>
                <th style="width: 10%">序号</th>
                <th style="width: 10%">学号</th>
                <th style="width: 10%">姓名</th>
                <th style="width: 10%">班级</th>
                <th style="width: 50%;">操作</th>
            </tr>
            </thead>
            <tbody  id="student-content">
                <tr><td colspan="6" align="center">没有任何查询记录</td></tr>
            </tbody>
        </table>
    </div>
<!--    我靠 这个模态框放置在body下面 会出问题 会影响其他的组件  把他放置在低端就好了-->
    <div th:replace="common/common::common-modal"></div>
</body>
</html>